/* mixins */
@import "src/mixins.scss";
// @include DEBUG();
@include useFontSmoothingOnMacOS();

.container {
  width: calc(100% - 0.4rem);
  height: 0.8rem;
  margin: 0.16rem auto 0.04rem;
  box-sizing: border-box;
  @include flex_dis();
  @include flex(justify-content, space-between);
  background-size: 100% 100%;

  .container-arrow {
    width: 0.4rem;
    height: 0.8rem;
    @include flex_dis();
    @include flex(justify-content, flex-end);
    @include flex(align-items, center);

    img {
      width: 0.26rem;
      height: 0.4rem;
      display: block;
      margin-inline-end: 0.04rem;
    }
  }

  .container-main {
    width: 6.08rem;
    overflow: hidden;
    position: relative;
    .container-main--wrapper {
      position: absolute;
      left: 0;
      top: 0;
      width: fit-content;
      transition: left ease-in-out 0.4s;
      //   transform: translateX(0);
      @include flex_dis();

      section {
        @include flex_dis();
      }
    }
  }

  .container-main__item {
    width: 1.53rem;
    height: 0.8rem;
    background-size: 100% 100%;
    background-position: bottom;
    text-align: center;
    line-height: 0.8rem;
    font-size: 0.24rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #feeebd;
  }
}
